<template>
  <div class="m-contain edit">
    <van-nav-bar title="兑换记录"
                 left-arrow
                 @click-left="onClickLeft" />
    <div class="m-main">
      <van-cell-group title="">
        <van-cell center
                  title="鸡蛋"
                  value="已发货"
                  label="2020-10-02 12:00:00" />
        <van-cell center
                  title="鸡蛋"
                  value="已发货"
                  label="2020-10-02 12:00:00" />
      </van-cell-group>
    </div>
  </div>
</template>
<script>

import Vue from 'vue';

import { NavBar, Field, Cell, CellGroup } from 'vant';

Vue.use(Field);
Vue.use(NavBar);
Vue.use(Cell);
Vue.use(CellGroup);
export default {
  name: "userInfo",
  data() {
    return {
      value: ''
    }
  },
  components: {

  },
  methods: {
    onClickLeft() {
      this.$router.push('/mine')
    }
  }
}
</script>

<style scoped>
.van-image__img {
  margin-top: 10px;
}
.van-cell__label {
  color: #333333;
}
</style>

<style lang="less" scoped>
.edit {
  min-height: 100vh;
  width: 100%;
  background-color: #fff;
  .van-cell {
    height: 63px;
  }
}
</style>